<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <p>注意事项1：移动端的设计稿，设计师一般不会为各个手机端出设计稿，只会出基于某个机型的设计稿，然后需要开发通过 rem 或者 100% 等方式自己去做适配（开发要做到等比的缩放）</p>
    <p>注意事项2: 常见的设计稿都是基于 iphon6出的，由于iPhone6的设备独立像素（375px 物理像素: 750px）是为一个中间，可以非常好的去做向上和向下的处理。但是并不是所有的设计师都是基于 iPhone6设计的，只是说大部分是这样，还有一些奇葩的尺寸 720尺寸</p>
    <p>注意事项3:  设计稿的上面设计的时候，元素的尺寸是基于参照机型的物理像素设计的，而不是参照于设备独立像素设计的，所以我们在实际写代码量取元素的要做 /2 的操作，才是对应机型设备独立像素下的尺寸大小。</p>
    <p>问题：设计师为什么设计出来的设计稿是基于物理像素，而不是设备独立像素，因为我们开发使用基于设备独立像素的开发，那么这个时候是多了一个转换成本的。</p>

    <p>原因：我们的设计稿上面的元素，实际真实的显示的时候，还是基于物理像素显示的，而不是我们的设备独立像素。如果是基于设备独立像素设计的话，那么这个时候我们的物理像素是不能被填充饱满的，出现模糊，失真的效果。</p>


</body>
<script type="text/javascript">

</script>

</html>
